<template>
  <Menu mode="horizontal" :theme="theme">
      <Menu-item name="1">
          <Icon type="home"></Icon>
          <router-link to="/">首页</router-link>
      </Menu-item>
      <Menu-item name="2">
        <Icon type="android-create"></Icon>
        <router-link to="/article">文章</router-link>
      </Menu-item>
      <Submenu name="3">
        <template slot="title">
          <Icon type="ios-people"></Icon>
          设置
        </template>
        <Menu-group title="消息">
          <Menu-item name="3-1">关注</Menu-item>
          <Menu-item name="3-2">评论</Menu-item>
          <Menu-item name="3-3">系统通知</Menu-item>
        </Menu-group>
        <Menu-group title="个人中心">
          <Menu-item name="3-4">用户信息</Menu-item>
          <Menu-item name="3-5">注销</Menu-item>
        </Menu-group>
      </Submenu>
  </Menu>
</template>

<script>
export default {
  name: 'header',
  data () {
    return {
      theme: 'light'
    }
  }
}
</script>

<style>
  a {
    color: #000000;
  }
</style>